<style>
    .easyui-menu a{
        text-decoration: none;
        color:#3d3d3d;
    }
</style>
<div id="application-open" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-title">Toolbar Button</div>
        </div>
    </header>
    <footer>
        <div class="m-buttongroup m-buttongroup-justified" style="width:100%">
            <a href="javascript:void(0)" class="easyui-linkbutton" data="status:'all',id:'123'" data-options="iconCls:'icon-large-picture',size:'large',iconAlign:'top',plain:true">Picture</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" data="status:'ing',id:'123'" data-options="iconCls:'icon-large-clipart',size:'large',iconAlign:'top',plain:true">Clip Art</a>
            <a href="javascript:void(0)" class="easyui-linkbutton" data-options="iconCls:'icon-large-shapes',size:'large',iconAlign:'top',plain:true">Shapes</a>
            <a href="javascript:void(0)" class="easyui-linkbutton tabs-inner" data-options="iconCls:'icon-large-smartart',size:'large',iconAlign:'top',plain:true">SmartArt</a>
        </div>
    </footer>
    <div class="padding:50px;">
        <br/>
        <input class="easyui-slider"  data-options="showTip:true">
    </div>
    <ul class="m-list items-list">


    </ul>
</div>
<div id="p2" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-left">
                <a href="#" class="easyui-linkbutton m-back" data-options="plain:true,outline:true,back:true">Back</a>
            </div>
            <div class="m-title">商品详情</div>
        </div>
    </header>
    <ul class="m-list">
        <li><a id="eee" href="#p3">Goto Panel3</a></li>
    </ul>
</div>
<div id="p3" class="easyui-navpanel">
    <header>
        <div class="m-toolbar">
            <div class="m-left">
                <a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-man',plain:true,hasDownArrow:true,menu:'#mm',menuAlign:'right'"></a>
            </div>
            <div class="m-title">Panel3</div>
            <div class="m-right">

                <a href="javascript:void(0)" class="easyui-menubutton" data-options="iconCls:'icon-more',plain:true,hasDownArrow:false,menu:'#mm',menuAlign:'right'"></a>
            </div>
        </div>
    </header>
    <div style="padding:20px 10px">
        <p>eie</p>
    </div>
</div>
<div id="mm" class="easyui-menu" style="width:150px;" data-options="itemHeight:30,noline:true">
    <div data-options="iconCls:'icon-undo'">Undo</div>
    <div data-options="iconCls:'icon-redo'">Redo</div>
    <div class="menu-sep"></div>
    <div>Cut</div>
    <div>Copy</div>
    <div>Paste</div>
    <div class="menu-sep"></div>
    <div>Toolbar</div>
    <div data-options="iconCls:'icon-remove'">Delete</div>
    <div><a href="#application-open">退出</a></div>
</div>
<script type="text/javascript">
    function getJson(str)
    {
        return eval('(' + "{"+str+"}" + ')');
    }
    $(function(){
        $(".easyui-slider").slider({
            onChange:function(newValue,oldValue)
            {
                if(newValue*1>50)
                {
                    console.info(newValue);
                    //window.location.hash="#&p2";
                    $("#eee").click();
                    $(".easyui-slider").slider('setValue',0);
                }
            }

        });
        $(".easyui-linkbutton").click(function(){



            //var data="{"+$(this).attr('data')+"}";
            var obj=getJson($(this).attr('data'));
            var str=getData(obj.status)
            $(".items-list").html(str);
        })

        function getData(status)
        {
            var count=0;
            var i=0;
            if(status=='all')
            {
                count=10;
            }else if(status=='ing'){
                count=20;
                i=13;
            }
            var str='';
            for(i=0;i<count;i++)
            {
                str+='<li><a href="#p2">Goto Panel2</a></li>';
            }
            return str;
        }




        $('.witems-list').datagrid({
            url          : '<?=site_url("wap/test/getLogList");?>?d=d',
            idField      : 'id',
            title:'管理员日志',
            collapseAll  : true,
            singleSelect : true,
            fit          : true,
            doSize       : true,
            closable     : true,
            striped      : true,
            rownumbers   : true,
            //pagination:true,
            //pagePosition:'top',
            //pageSize:20,
            //pageList:[10,20,30,40,50],
            toolbar      : $("#toolbal"),
            onDblClickRow: function () {
                showDialog("修改");
            },
            //checkbox     : true,
            frozenColumns: [[
                {field: 'id', title: 'ID'},
            ]],
            columns      : [[
                {field: 'admin_id', title: '管理员ID'},
                {field: 'admin_name', title: '管理员名'},
                {field: 'admin_name', title: '管理员名'},
                {
                    field: 'aefefe',
                    title: '操作',
                    formatter: function (value, row, index) {

                        return "<a class='getDetail' href='#p2'>查看详情</a>";
                    }
                },


            ]]
        });
        $(".items-list").on('click','.items-list>a',function(){
            alert()
        })


    })
</script>